@charset "utf-8";
/* --mobile-- */
/* --手机端导航-- */
.sj_lightbox{width:100%;height:100%;position:fixed;left:0;top:0;background-color:rgba(0,0,0,0.8);z-index:9700;display:none;}
.sj_head{width:100%;height:54px;padding:0 4%;position:fixed;left:0;top:0;z-index:9900;display:none;background:#FFF;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.sj_head.current{background-color:rgba(0,0,0,0.3);}

.sj_head_logo{width:80%;height:54px;float:left;overflow:hidden;}
.sj_head_logo2{display:none;}
.sj_head_logo img{width:auto;height:34px;float:left;margin-top:10px;}

.sj_head_bar{width:7%;max-width:30px;height:47px;padding:10px 0;position:absolute;right:4%;top:3px;z-index:9;cursor:pointer;}
.sj_head_bar .bar{width:100%;height:3px;margin:3px auto;display:block;background-color:#333;float:left;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(1){
	margin-top:12px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sj_head_bar.sj_head_bar_active .bar:nth-child(2){opacity:0;}
.sj_head_bar.sj_head_bar_active .bar:nth-child(3){
	margin-top:-15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sj_nav_all{width:100%;height:100%;padding:60px 0;position:fixed;left:0;top:0;display:none;overflow:auto;z-index:9800;}
.sj_nav{width:100%;height:100%;overflow:auto;}
.sj_nav_li{margin:0 4%;position:relative;}
.sj_nav_li .navn{
    font-size: 16px;
    color: #FFF;
    display: block;
    line-height: 48px;
    height: 69px;
	padding:10px 0;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.36s;
	cursor:pointer;
	position:relative;
}
.sj_nav_li .navn span{
    display: block;
    background: url(../images/swiperRightHover.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:6px;
	top:28px;
}
.sj_nav_li.current .navn span{transform: rotate(90deg);}

.sj_nav_li_son{margin:0 4%;font-size:16px;display:none;}
.sj_nav_li_son_li{height:69px;line-height:48px;padding:10px 4%;font-size:16px;color:#FFF;display:block;border-bottom:1px solid rgba(255, 255, 255, 0.15);position:relative;cursor:pointer;}
.sj_nav_li_son_li span{
    display: block;
    background: url(../images/swiperRightHover.png) no-repeat right center;
	background-size:auto 100%;
    width: 12px;
    height: 12px;
    transition: all 0.36s;
	position:absolute;
	right:calc(4% + 6px);
	top:28px;
}

@media screen and (max-width: 1600px){
	.pub{width:87%;}
	
}
@media screen and (max-width: 1280px){
	.pub{width:90%;}
	.header .nava li .navaLi{font-size:16px;}
	.header .tel{font-size:30px;}
	.footer .erweima img{max-width:110px;}
	
	.homeTitle h1{font-size:32px;line-height:50px;}
	.homeAbout .leftBox .list li{width:50%;float:left;}
	.homeAbout .rightBox{top:40px;}
	
	.homeSolution .msg{height:178px;margin-top:60px;}
	.homeSolution .msg li h2{font-size:26px;line-height:46px;}
	.homeSolution .msg li p{height:112px;font-size:16px;line-height:28px;margin-top:10px;}
	.homeSolution .nava{height:190px;}
	.homeSolution .nava li{height:190px;padding:55px 20px;}
	.homeSolution .nava li p{font-size:20px;}
	
	.homeProduct .type li{margin-left:20px;}
	.homeNews .type li{margin-left:20px;}



}
@media screen and (max-width: 960px){
	body{padding-top:54px;}
	.pub{width:92%;padding:0;}
	.padding{padding:6% 0;}
	.header{display:none;}
	.sj_head{display:block;}
	
	.normal_button{width:40%;height:40px;line-height:40px;font-size:15px;margin:6% auto 0;border-radius:20px;}
	.normal_button:before{top:11px;right:40px;}
	.normal_button:hover{text-indent:-40px;}
	.normal_button:hover:before{right:20px;}
	
	.slide-inner .banner1_1{width:52%;left:8%;top:16%;}
	.slide-inner .banner2_1{width:46%;right:8%;top:32%;}
	.slide-inner .banner3_1{width:46%;right:8%;top:36%;}
	
	.homeBanner .pagination{bottom:10% !important;padding:4px 10px;margin-left:-60px;}
	.homeBanner .pagination .swiper-pagination-bullet{font-size:16px;margin:0 0 0 20px !important;}
	.homeBanner .pagination .swiper-pagination-bullet:after{bottom:-12px;}
	
	
	.homeTitle{padding-bottom:8px;}
	.homeTitle h1{font-size:20px;line-height:32px;text-align:center;}
	.homeTitle:before{height:2px;left:50%;margin-left:-32px;}
	
	.homeAbout{padding:6% 0;}
	.homeAbout .pub{padding:0;}
	.homeAbout .leftBox{width:100%;}
	
	.homeAbout .leftBox .wz{height:96px;font-size:15px;color:#666;line-height:24px;margin-top:4%;}
	.homeAbout .leftBox .bt{margin-top:4%;}
	.homeAbout .leftBox .bt img{max-width:68%;}
	.homeAbout .leftBox .list li{width:90%;margin:6% 5% 0;}
	.homeAbout .leftBox .list li b{font-size:24px;line-height:32px;}
	.homeAbout .leftBox .list li p{font-size:14px;line-height:24px;}
	.homeAbout .rightBox{display:none;}
	
	
	.homeSolution{padding:6% 0 80px;height:auto;}
	.homeSolution .pub{padding:0;}
	.homeSolution .homeTitle p{font-size:16px;line-height:32px;text-align:center;}
	.homeSolution .homeTitle p b{font-size:20px;float:none;margin-right:10px;}

	.homeSolution .msg{width:100%;height:auto;margin-top:6%;}
	.homeSolution .msg li h2{font-size:16px;line-height:32px;}
	.homeSolution .msg li p{height:96px;font-size:14px;line-height:24px;margin-top:2%;}

	.homeSolution .nava{height:60px;}
	.homeSolution .nava li{width:16.66%;height:60px;padding:0 5px;text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-line-pack: center;
		align-content: center;
	}
	.homeSolution .nava li p{font-size:14px;}
	.homeSolution .nava li i{display:none;}

	
	.homeProduct {padding:6% 0;}
	.homeProduct .pub{padding:0;}
	.homeProduct .homeTitle{float:none;}
	.homeProduct .type{width:100%;max-width:100%;height:auto;margin-top:2%;}
	.homeProduct .type li{width:30%;height:32px;font-size:15px;padding:0;text-align:center;line-height:32px;margin:4% 5% 0 0;background:#d9d9d9;border-radius:20px;}
	.homeProduct .type li:last-child{margin-right:0;}
	.homeProduct .list{margin-top:6%;}
	.homeProduct .list a{padding:15px;}
	.homeProduct .list .title{height:40px;font-size:14px;line-height:20px;font-weight:normal;margin-top:10px;}
	.homeProduct .list .wz{display:none;}
	.homeProduct .list .btn{display:none;}
	.homeProduct .normal_button{margin:6% auto 0;}
	
	
	.homeNews{padding:6% 0;}
	.homeNews .pub{padding:0;}
	.homeNews .homeTitle{float:none;}
	.homeNews .type{width:100%;max-width:100%;height:auto;margin-top:2%;}
	.homeNews .type li{width:30%;height:32px;font-size:15px;padding:0;text-align:center;line-height:32px;margin:4% 5% 0 0;background:#d9d9d9;border-radius:20px;}
	.homeNews .type li:last-child{margin-right:0;}
	.homeNews .list{margin-top:6%;}
	.homeNews .list .num{height:60px;line-height:60px;font-size:60px;}
	.homeNews .list .title{height:60px;font-size:16px;line-height:60px;}
	.homeNews .list .wz{height:40px;font-size:14px;line-height:20px;margin-top:0;}
	.homeNews .list .time{height:20px;font-size:14px;line-height:20px;margin-top:10px;}
	.homeNews .list .time b{font-size:18px;}
	.homeNews .list .pic{margin-top:20px;}
	.homeNews .normal_button{margin:6% auto 0;}
	
	
	/* --footer-- */
	.footer_contact .pub{padding:6% 0;background-size:100%;}
	.footer_contact .leftBox{padding:0;}
	.footer_contact .leftBox .logo img{width:60%;}
	.footer_contact .leftBox .wz{font-size:14px;line-height:24px;margin-top:4%;}
	.footer_contact .leftBox .btn{margin-top:4%;}
	
	.footer{padding:6% 10%;}
	.footer .nava{display:none;}
	.footer .erweima{width:46%;max-width:100%;margin:0 2%;}
	.footer .erweima img{width:100%;max-width:100px;}
	.footer .erweima p{text-align:center;}
	.copyright{padding:10px 0;}
	
	
	.inner{padding-top:0;}
	.innerBanner .img{width:48%;top:34%;}
	.innerTitle h1{font-size:20px;}
	.innerTitle p{font-size:12px;font-weight:normal;}
	.innerType{margin-top:4%;}
	.innerType a{width:31.33%;height:32px;font-size:14px;line-height:32px;margin:1%;float:left;}
	
	
	.location{padding:10px 0;}
	.location .catname{display:none;}
	.location .type{width:100%;}
	.location .type a{width:31.33%;height:32px;font-size:14px;line-height:32px;margin:1%;background:#d9d9d9;float:left;}


	.company .type li{width:33.33%;height:42px;font-size:15px;line-height:42px;margin:0;float:left;}
	.company .img{width:76%;margin:4% auto 0;}
	.company .title{font-size:16px;margin-top:4%;}
	.company .wz{font-size:15px;line-height:24px;color:#666;margin-top:0;text-indent:0;}
	.company .wz p{margin-top:4%;}
	.company .list{margin-top:2%;}
	.company .list li{width:50%;margin-top:4%;}
	.company .list li .icon{width:130px;height:130px;padding:50px;}
	.company .list li .icon i{width:130px;height:130px;background-size:cover;}
	.company .list li .icon img{width:30px;height:30px;}
	.company .list li .cn{font-size:16px;margin-top:0;}
	
	
	.culture .list{margin-top:4%;}
	.culture .list li{width:90%;height:auto;margin-right:0;margin-left:5%;margin-top:2%;}
	.culture .list li i img{width:36px;}
	.culture .list li h2{height:auto;font-size:16px;line-height:24px;margin-top:4%;}
	.culture .list li .above{display:none;}
	.culture .list li .under{width:90%;height:auto;margin:auto;padding:20px;color:#333;position:relative;background-color:#FFF;opacity:1;}
	.culture .list li .under i{display:block;}
	.culture .list li .under p{color:#999;}
	.culture .list li .under .wz{height:auto;font-size:15px;line-height:24px;color:#666;margin-top:4%;}
	.culture .list li .under h2,.culture .list li .under p,.culture .list li .under .wz{
		opacity:1;
		transform: translateY(0);
		-ms-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
	}
	
	.honor .list{margin-top:6%;overflow:hidden;}
	
	
	.product{background:#f6f6f6;}
	.productList{margin-top:2%;}
	.productList a{width:48%;padding:15px;margin-right:4%;margin-top:4%;}
	.productList a:nth-of-type(2n){margin-right:0;}
	.productList a .title{height:40px;font-size:14px;line-height:20px;font-weight:normal;margin-top:10px;}
	.productList a .wz{display:none;}
	.productList a .btn{display:none;}
	
	
	.cases-box .container h2{font-size:20px;line-height:32px;}
	.cases-box .container p{width:90%;font-size:15px;line-height:24px;margin:6% auto 0;}
	
	
	.newsList{margin-top:6%;}
	.newsList li{padding-bottom:6%;margin-bottom:4%;}
	.newsList li .pic{display:none;}
	.newsList li .txt{width:100%;padding:0;}
	.newsList li .txt .time{height:24px;font-size:14px;color:#666;line-height:24px;}
	.newsList li .txt .title{height:24px;font-size:16px;line-height:24px;margin-top:0;}
	.newsList li .txt .title a:hover{color:#259fff;}
	.newsList li .txt .wz{height:40px;font-size:14px;color:#999;line-height:20px;margin-top:4%;}
	
	
	.contact .leftbox{width:100%;}
	.contact .leftbox .title{font-size:18px;line-height:32px;}
	.contact .leftbox p{font-size:16px;line-height:28px;padding:4px 0 4px 48px;margin-top:6%;}
	.contact .leftbox .erweima{width:100%;margin:8% 0 0;}
	.contact .leftbox .erweima img{width:40%;margin:auto;display:block;}
	.contact .leftbox .erweima span{width:100%;}
	
	.contact .map{width:100%;margin-top:10%;}
	.contact .map #dituContent{height:216px;}
	
	
	.message .title h2{height:32px;font-size:20px;line-height:32px;}
	.message .title p{height:32px;font-size:14px;line-height:32px;}
	.message .title .line{margin-top:0;}

	.message input{width:100%;height:46px;margin-top:4%;margin-right:0;padding:0px 10px;}
	.message textarea{width:100%;height:124px;margin-top:4%;padding:10px;}
	.message .guestimg{width:40%;height:46px;margin-top:4%;float:left;}
	.message .submit{width:50%;height:46px;margin-top:4%;margin-left:10%;}
	

	.article{width:100%;padding:20px 15px;}
	.article-title .title{font-size:18px;line-height:28px;}
	.article-title .time{font-size:12px;color:#999;margin-top:0;}
	
	.article-container{margin-top:6%;}
	.article-container p{font-size:15px;line-height:28px;color:#999;margin-top:4%;text-indent:0;}
	.article-container img{max-width:100%;margin:auto;display:block;}
	
	.galleryBigimg{width:90%;margin:6% auto;}
	.galleryBigimg .img{height:auto;line-height:normal;}
	
	.galleryThumbs{margin:0 auto 8%;}
	.galleryThumbs .img{height:52px;}
	.galleryThumbs .img img{max-height:50px;}
	.galleryThumbs .prev, .galleryThumbs .next{height:52px;}
	
	
	.slide{display:none;}
	.txt-upDown{margin-top:6%;}
	.de-page-mian {margin:6% 0 0;}
	.de-page-mian span{display:none !important;}
	.de-page-mian input{display:none !important;}
	.de-page-mian .page-btn{display:none !important;}
	
}














